.CustomHudRoot
{
    width: 100%;
    height: 100%;
}


.CustomHudContents
{
    width: 100%;
    height: 100%;
}

#errorMsgBG{
	horizontal-align:center;
	vertical-align: middle;
	margin-top: 300px;
	height: 60px;
	border-radius: 15px;
	background-color: #661111;
	opacity: 0.8;
}

.AniScaleIn{
	visibility: visible;
	animation-name: scaleInError;
    animation-duration: .3s;
    animation-timing-function: linear;
}

.AniScaleOut{
	visibility: visible;
	animation-name: scaleOutError;
    animation-duration: .2s;
    animation-timing-function: linear;
}

@keyframes 'scaleInError'
{
    0%
    {
		transform: scaleX(1) scaleY(1);
    }
    100%
    {
		transform: scaleX(0.1) scaleY(0.1);
    }
}

@keyframes 'scaleOutError'
{
	0%
    {
		transform: scaleX(1) scaleY(1);
    }
    50%
    {
    	transform: scaleX(1.1) scaleY(1.1);
    }
    100%
    {
    	transform: scaleX(1) scaleY(1);
    }
}

#errorMsgTxt{
	horizontal-align:center;
	vertical-align: middle;
	font-size: 32px;
	padding: 8px;
}

#center_with_stats{
	margin-left:-220px;
	height: 90px;
	background-image:url("s2r://panorama/images/hud/reborn/ability_bg_psd.vtex");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat round;	
}
// Custom game SetHUDVisible support
.HIDE_ACTION_PANEL #center_with_stats,
.HIDE_ACTION_PANEL #buffs,
.HIDE_ACTION_PANEL #debuffs,
.HIDE_ACTION_PANEL #StatBranchDrawer,
.HIDE_ACTION_PANEL #StatDrawerTopRight
{
	visibility: visible;
}



#buffs
{
	margin-bottom: 84px;
	margin: 0px;
}

#debuffs
{
	margin: 0px;
}

#BuffsLine
{
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 90px;
	min-width: 360px;
	max-width: 704px;
	height: 74px;
	margin-left:-300px;
	transition-property: transform, opacity;
	transition-duration: 0.24s;
	transition-timing-function: ease-in-out;
	transform: translateY(0px);
	z-index: -4;
}

.HasAbilityToSpend #BuffsLine
{
	transform: translateY(-10px);
}

.SpectatorDVRControlsVisible #BuffsLine
{
	height: 122px;
}

#LifeRemainingContainer
{
	visibility: collapse;
}

.IsPlayer #LifeRemainingContainer
{
	visibility: visible;
}

#DungeonHUD
{
	width: 800px;
	width: 100%;
	//height: 100%;
	horizontal-align: left;
	vertical-align: bottom;
}

#PortraitContainer
{
	margin-left: 0px;	
	opacity-mask: none;
	width: 180px;
	height: 180px;
	//margin-bottom: 50px;
	
}

#portraitHUDOverlay,
#portraitHUD
{
	width: 180px;
	height: 180px;
	transform: translateY( 0px ) translateX( 0px );	
	opacity-mask: url("s2r://panorama/images/masks/killcammask_left_psd.vtex") 1;		
}


.AbilityInsetShadowLeft,
.AbilityInsetShadowRight,
#left_flare,
#right_flare,
#PortraitBacker
{
	visibility: collapse;
}

#center_bg
{
	height: 80px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	margin: 0px 0px;
}


#unitname
{
	margin: 0px;
	height: 20px;
	width: 180px;
	//margin-bottom: 44px;
}

#unitname Label
{
	wash-color: red;
}

#xp
{
	transform: translateX(-26px);
	margin-bottom: 10px;
}

#AbilitiesAndStatBranch
{
	margin: 0px;
}

#inventory
{
	width: 212px;
	margin: 0px;
	height: 90px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#DialogPanel
{
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 300px;
	min-width: 500px;
	min-height: 180px;
	transition-property: pre-transform-scale2d, transform, opacity ;
	transition-duration: .32s;
	transition-delay: 0s, 0s, 0s;
	transition-timing-function: ease-in-out;
	pre-transform-scale2d: .1;
	opacity: 0;
}

#DialogPanel.JournalEntry
{
	margin-left: 680px;
	transform: translateX(-420px) translateY(-40px);
}

#DialogPanel.Visible
{
	pre-transform-scale2d: 1;
	transform: translateX(0px) translateY(0px);
	opacity: 1;
	transition-delay: 0s, 0s, .12s;
	
}

.ConfirmHeroIcon
{
	width: 84px;
	height: 64px;
	margin-top: -3px;
	margin-left: -3px;
	margin-right: -3px;
	saturation: 0.5;
	wash-color: #f31d;	
}

.Confirmed .ConfirmHeroIcon
{
	saturation: 1;
	wash-color: #3f16;
	brightness: 2;
}

#DialogPlayerConfirm
{
	//width: 600px;
	horizontal-align: center;
	flow-children: right;
	border-radius: 8px;
	margin-top: -16px;

	visibility: collapse;
}

.ConfirmStyle #DialogPlayerConfirm
{
	visibility: visible;
}

.PlayerConfirm
{
	padding: 4px;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 2px solid red;
	margin-left: 6px;
	margin-right: 6px;
	background-color: #000e;
}

.PlayerConfirm.Confirmed
{
	border: 2px solid #0f0;
}

.PlayerConfirm > Label
{
	color: white;
	
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.PlayerConfirm.Confirmed > Label
{
	color: #00FF00;
}

#ConfirmButton
{
	margin-top: 16px;
	horizontal-align: center;
	background-color: #76BC42;
	border-radius: 8px;
	flow-children: right;

	visibility: collapse;
}

.CheckMark
{
	width: 32px;
	height: 32px;
	background-image: url("s2r://panorama/images/interface/check_psd.vtex");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;	
}

#ConfirmButton Label
{
	font-size: 20px;
	font-weight: bold;
	horizontal-align: left;
}

#ConfirmButton.Visible
{
	visibility: visible;
}

#ConfirmButton.Confirmed
{
	opacity: 0;
}

#GlassBallOverlay,
#DialogPortrait
{
	width: 128px;
	height: 128px;
//	border-bottom-left-radius: 50%;
//	border-bottom-right-radius: 50%;
	border-radius: 50%;
	box-shadow: fill #000000af -6px -6px 12px 12px;	
	border: 2px solid black;
	z-index: 1;
}

#DialogPanelBackground
{
	width: 100%;
	height: 100%;
	margin: 32px;

}

.JournalEntry #JournalPageBackground
{
	visibility: visible;
}

.JournalEntry #SpeechBubbleContainer,
.JournalEntry #DialogPortrait,
.JournalEntry #GlassBallOverlay
{
	visibility: collapse;
}

#DialogPanelContent
{
	padding: 32px;
	flow-children: down;
}

#JournalPageBackground
{
	width: 420px;
	height: 560px;
	background-image: url("s2r://panorama/images/interface/journal_paper_psd.vtex");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;	
	visibility: collapse;	
}

.JournalEntry .DialogPanelTitle
{
	z-index: 5;
	background-color: transparent;
	color: #49434C;
	text-shadow: 0px 0px 2px 2 #49434C;
	margin-top: 72px;
	margin-left: 96px;
	font-size: 24px;
}

.JournalEntry .DialogPanelText
{
	font-size: 28px;
	font-weight: normal;
	//font-family: Goudy Trajan Medium,FZKai-Z03,TH Sarabun New,YDYGO 540;
	text-overflow: clip;
	max-width: 340px;
	color: #49434C;
	max-height: 1000px;
	padding: 0px;
	margin: 0px;
	margin-top: 72px;
	margin-left: 22px;
	horizontal-align: center;
	
}

.JournalEntry #CloseDialogButton
{
	//transform: translateX(20px);
	margin-top: 12px;
	vertical-align: top;
	margin-right: 0px;
	wash-color: white;
	border-color: #8490AF;
	width: 38px;
	height: 38px;
}


.DialogPanelTitle
{
	font-size: 24px;
	color: #83C2FE;
	margin-left: 72px;
	margin-top: 26px;
	background-color: #222a;
	border-radius: 6px;
	padding: 4px 18px;
	padding-left: 64px;	
	z-index: 0;
	text-shadow: 2px 2px 0px 0 black;
}

#DialogPanelContent
{
	margin-left: 68px;
	margin-top: 6px;
	z-index: 2;	
}

.DialogPanelText
{
	//color: gradient( linear, 0% 0%, 0% 100%, from( #fff ), to( #ea7 ) );
	//text-shadow: 2px 2px 0px 1 black;
	color: black;
	font-style: italics;
	font-weight: bold;
	font-size: 18px;
	text-overflow: shrink;
	max-width: 500px;
	max-height: 200px;	
	margin: 26px 36px;
}

#DialogLabelSizer
{
	color: #81818100;
}

.HiddenText
{
	color: #00000000;
}

.Hidden{
	visibility: collapse;
}

.SpeechBubble
{
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 24px;
}

.SpeechBubbleBackground
{
	width: 100%;
	height: 100%;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #ddd ), color-stop ( .5, #9CA6A6 ), to( #818Fb6 ) );	
	border-radius: 14px;	
	margin: 2px;
}

.desert_outpost .SpeechBubbleBackground,
.desert_expanse .SpeechBubbleBackground,
.desert_start .SpeechBubbleBackground,
.desert_town .SpeechBubbleBackground
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #F2CFA4 ), color-stop ( .5, #F2CFA4 ), to( #B69878 ) );	
}

.desert_outpost .SpeechBubbleCallout,
.desert_expanse .SpeechBubbleCallout,
.desert_start .SpeechBubbleCallout,
.desert_town .SpeechBubbleCallout
{
	background-color: #F2CFA4;
}

.SpeechBubbleBackgroundOutline
{
	width: 100%;
	height: 100%;
	background-color: black;
	margin: 0px;
	border-radius: 16px;
}


.SpeechBubbleCalloutSquash
{
	width: 64px;
	height: 64px;
	transform: translateX(-22px) translateY(-8px);
	pre-transform-scale2d: 1, 0.4;
	padding: 8px;
}

.SpeechBubbleCallout
{
	width: 100%;
	height: 100%;
	transform: rotateZ(45deg);
	background-color: #9CA6A6;
	border: 4px solid black;	
	
}

#SpeechBubbleContainer
{
	width: 100%;
	height: 100%;
	padding: 20px;
}

#GlassBallOverlay
{
	background-image: url("s2r://panorama/images/interface/glassoverlay_psd.vtex");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	box-shadow: none;
	border-width: 1px;
}


.ConfirmStyle #CloseDialogButton,
.ConfirmStyle #ContinueDialogButton
{
	visibility: collapse;
}

.Reborn #HealthContainer
{
	height: 16px;
}


#health_mana
{
	
	//background-color: black;
	width: 180px;
	margin-bottom: 16px;
	horizontal-align: left;
	vertical-align: bottom;
	margin-right: 6px;
	margin-left: 8px;
		margin-left: 48px;
}

#PortraitContainerDungeon
{
	horizontal-align: left;
	vertical-align: bottom;
	margin-left: 320px;
}

#stats_container
{
	margin-left: 180px;
	padding-left: 16px;
	background-color: gradient( linear, 100% 0%, 0% 0%, from( #00000000 ),  color-stop( .5, #00000000 ), to( #00000055 ) );
}

.Reborn DOTAHUDStrAgiInt
{
	horizontal-align: left;
}

#StatBranch
{
	margin-bottom: 10px;
}

.Reborn DOTAHotkey#StatBranchHotkey
{
	margin: 0px;
	transform: none;
	vertical-align: top;
	z-index: 10000;
}


#level_stats_frame
{
	margin: 0px;
	margin-left: 231px;
	margin-bottom: -68px;
}

#StatBranchDrawer
{
	margin-left: 32px;
	margin-bottom: 68px;
}

.FiveAbilities #StatBranchDrawer
{
    margin-right: 240px;
}
.SixAbilities #StatBranchDrawer
{
    margin-right: 200px;
}

.HUDFlipped #StatBranchDrawer
{
	transform: scaleX(-1);
	margin-right: 0px;
	margin-left: 240px;
}

.HUDFlipped .FiveAbilities #StatBranchDrawer
{
    margin-left: 240px;
}

.HUDFlipped .SixAbilities #StatBranchDrawer
{
    margin-left: 245px;
}

#stats_tooltip_region,
#stragiint
{
	horizontal-align: left;
}

#stats
{
	width: fit-children;
}

#stats_container_bg
{
	visibility: collapse;
}

.LifeIconsContainer
{
	width: 32px;
	height: 32px;
	border: 1px solid red;
}

.Image{
	horizontal-align:center;
	vertical-align: middle;
}

#bg{
    background-color: #3ca0d0;
    opacity: 0.5;
    width: 50%;
    horizontal-align:center;
    height: 50px;
}


#TimerPanel{
	horizontal-align:right;
	vertical-align: top;
	margin-top: 50px;
	margin-right: 20px;
	width: 300px;
	background-image:url("s2r://panorama/images/hud/reborn/ability_bg_psd.vtex");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat round;	
	flow-children:down;
}
.timerbar{
	width: 100%;
	flow-children:down;
}
#TimerLabel{
	vertical-align: middle;
	horizontal-align:left;
	margin-left: 15px;
}
.progress_css{
	height: 25px;
	width: 100%;
	border-radius: 0px;
	border:0px;
	z-index: 2;
	background-color:#333333;
	
}
#ProgressBarLeft{
	width: 80%;
	height: 100%;
	border-radius: 4px;
	transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-timing-function: linear;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #FF7700  ), color-stop( 0.2, #FF7700 ), color-stop( .5, #FF7700), to( #FF7700) );
}
.DotaSceneContainer{
	width: 100%;
	height: 100%;
	overflow: noclip;
}
#timebarscene{
	width: 100%;
	height: 100%;
}
#timebarprogressright{
	width: 100%;
	height: 100%;
	//background-color: gradient( linear, 0% 0%, 0% 100%, from( #17200d  ), color-stop( 0.2, #222e13 ), color-stop( .5, #1e2911), to( #17200d) );
}
#TimerTick{
	font-size: 20px;
	horizontal-align:center;
	vertical-align: middle;
}

#setRoot{
	vertical-align: bottom;
	horizontal-align:center;
	flow-children: down;
	width: 270px;

	//background-image:url("s2r://panorama/images/hud/reborn/ability_bg_psd.vtex");
	//hud/international_bg_png.vtex
	//hud/portal/portal_effect_1_png.vtex
	background-image: url("file://{images}/custom_game/bg_hud_inspect_psd.png");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat round;	
}

#setRoot1{
	width: 100%;
	height: 40px;
}
#setRoot2{
	flow-children:down;
	width: 400px;
}

#staticRes{
	width: 180px;
	height: 200px;
	background-image: url("file://{images}/custom_game/inventory_bg_bg_psd.png");
	background-position: center;
	background-size: 100%;
	horizontal-align:right;
	vertical-align: bottom;
	flow-children:down;
}

.smallicon{
	width: 45px;
	height: 45px;
	margin-left: 10px;
	vertical-align: middle;
}

.myfont{
	vertical-align: middle;
}

#btn_showres{
	background-color:#333333;
	width: 100%;
	height: 70px;
	transition: position 2.0s ease-in-out 0.0s;
}

#inventory{
	horizontal-align:right;
	vertical-align: bottom;
	width: 300px;
	height: 100px;
	margin-right: 300px;
	flow-children:down;
}

#abilityAndItem{
	
	horizontal-align:left;
	vertical-align: bottom;
	flow-children:right;
	margin-left: 47%;
}
#abilities{
	horizontal-align:left;
	vertical-align: bottom;

	background-image: url("s2r://panorama/images/hud/reborn/ability_bg_psd.vtex");
	background-position: bottom;
	background-size: 100% 50%;
	background-repeat: no-repeat;
}

#aaileft{
	vertical-align: bottom;
}
#btn_setroot{
	horizontal-align:center;
	width: 100%;
	height: 100%;
}

#ablist{

}

#diff_label{
	font-size: 19px;
	horizontal-align:center;
	color:#ff8800;
}
#mode_label{
	font-size: 19px;
	horizontal-align:center;
	color:#ff8800;
}